<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>票务管理 | 订单详情</title>
  <!-- 告诉浏览器该页面是自适应布局 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
   <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="../../plugins/datepicker/datepicker3.css">
  <link rel="stylesheet" type="text/css" href="../../plugins/pagination/pagination.css">
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../../dist/css/layout.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper" style="background: #ecf0f5">
  <section class="content-header ">
      <h1>票务管理 <small>订单详情</small></h1>
      <a href="javascript:;" onclick="javascript:history.back(-1);" class="pos_ab_right"><i class="fa fa-arrow-circle-left"></i>返回上一面</a>
      <a href="javascript:;" class="pos_ab_right_20" onclick="window.location.reload()"><i class="fa fa-repeat"></i>刷新当前页</a>
    </section>
    <!-- Main content -->
    <section class="content ">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
            <div class="box box-solid box-default">
              <div class="box-header with-border">
                <h3 class="box-title">订单号：<strong id="orderNum">--</strong></h3>
                <div class="box-tools"><small>截止时间：<span id="cendTime">--</span></small></div>
              </div>
              <div class="box-body pos_rela">
                <h4 class="text-green"><i class="glyphicon glyphicon-map-marker" style="padding-right: 10px;"></i>当前订单状态：<span id="orederState"></span></h4>
                <p id="resultMsg"></p>
                <div class="pos_ab_right" id="clickMsg"></div>
              </div>
            </div>
        </div>
        <div class="col-sm-6 col-xs-12">
            <div class="box box-solid box-default">
              <div class="box-header with-border">
                <h3 class="box-title"><strong id="gameName"></strong></h3>
              </div>
              <div class="box-body">
                <div class="row" id="moneyList"></div>
              </div>
            </div>
        </div>
      </div>
      <div class="box box-solid box-default">
        <div class="box-header with-border">
          <h3 class="box-title"><strong>方案内容</strong></h3>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-sm-12 col-xs-12">
              <table class="table table-bordered table-striped table-hover dataTable" style="display: none;" id="table">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>场次</th>
                        <th>主队</th>
                        <th>客队</th>
                        <th>让球数</th>
                        <th>半场比分</th>
                        <th>全场比分</th>
                        <th>投注内容</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon">
                   <!--  <tr class="even">
                      <td>1</td>
                      <td>周四001<br><a href="javascript:;">官网SP详情</a></td>
                      <td>雷根斯堡</td>
                      <td>柏林联合</td>
                      <td>+1</td>
                      <td>1:1</td>
                      <td>2:1</td>
                      <td>
                        <div class="mb5"><p class="label text-light-blue">让平&nbsp;&nbsp;2.13&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p></div>
                        <div>
                        <div class="mb5 ">
                          <p class="label text-light-blue">让平&nbsp;&nbsp;2.13&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                          <p class="label text-yellow">让平&nbsp;&nbsp;2.13</p>
                        </div>
                          
                        </div>
                      </td>
                    </tr> -->
                  </tbody>
              </table>
              <table class="table table-bordered table-striped table-hover dataTable" style="display: none;" id="table_gyj">
                  <thead>
                      <tr role="row">
                        <th>投注内容</th>
                      </tr>
                  </thead>
                  <tbody id="tableGyjCon">
                  </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
       
       <!--跟单用户 只有发单才显示  --> 
       <div class="box box-solid box-default" style="display: none;" id="gdList">
          <div class="box-header with-border">
            <h3 class="box-title"><strong>跟单用户</strong></h3>
          </div>
          <div class="box-body">
          <div class="row">
            <div class="col-sm-12 col-xs-12">
              <table class="table table-bordered table-striped table-hover dataTable" id="table">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>方案号</th>
                        <th>用户昵称</th>
                        <th>跟单金额</th>
                        <th>奖金</th>
                        <th>佣金</th>
                        <th>结算状态</th>
                      </tr>
                  </thead>
                  <tbody id="gdListTableCon"></tbody>
                </table>
                <div class="m-style M-box3"></div>
            </div>
            
          </div>
        </div>
       </div>

       <div class="box box-solid box-default">
          <div class="box-header with-border">
            <h3 class="box-title"><strong>订单信息</strong></h3>
          </div>
          <div class="box-body">
            <div class="row">
              <div class="col-sm-12 col-xs-12">下单时间：<span id="addtime"></span></div>
              <div class="col-sm-12 col-xs-12">出票时间：<span id="castdate"></span></div>
              <div class="col-sm-12 col-xs-12">派奖时间：<span id="cretdate">--</span></div>
              <div class="col-sm-12 col-xs-12">操作人员：<span id="cancelor">--</span>&nbsp;&nbsp;<span id="prizer">--</span></div>
            </div>
          </div>
       </div>

    </section>
    <!-- /.content -->
</div>
<!-- ./wrapper -->
<!-- 模态框（Modal） -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body" id="myModalBody"></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="ModalRole">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<!-- bootstrap datepicker -->
<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../dist/js/layout.js"></script>
<script src="../../plugins/pagination/jquery.pagination.js"></script>
<script type="text/javascript" src="/dist/js/ticketManagement/detail.js"></script>
</body>
</html>
